<template>
    <div class="Car-content">
        <div class="Car-Topbar">
            <div class="Topbar-Caneter">
                <img src="../assets/img/4/Logo.png">
                <div class="Car-Nav">
                    <span>我的购物车</span>
                    <strong>></strong>
                    <span>确认订单信息</span>
                    <strong>></strong>
                    <span>订单提交成功</span>
                </div>
            </div>
        </div>
        <div class="Car-Bot">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
    .Car-content{
        width:100%;
    }
    .Car-Topbar{
        width:100%;
        height:120px;
        border-bottom:1px solid #e4e4e4;
    }
    .Topbar-Caneter{
        width:66%;
        height:100%;
        margin:auto;
    }
    .Topbar-Caneter>img{
        float: left;
        height: 64px;
        margin:28px 0;
    }
    .Car-Nav{
        float: right;
        width:40%;
        height:100%;
        line-height: 120px;
        font-size: 18px;
        color:#333333;
    }
    .Car-Nav strong{
        font-size: 30px;
        margin:0 20px;
    }
    .Car-Bot{
        width:66%;
        margin:auto;
    }
    .Car-Bot>div{
        width:100%;
    }
</style>
